<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo3</title>
</head>
<body>
  <h1 id="one">第一个</h1>
    <p>
    <!-- 加粗标签strong和b -->
     <strong> strong加粗</strong><br/>
     <b>b加粗</b>
    </p>
    
     <!-- 倾斜标签em和i -->
      <em>倾斜标签em</em><br/>
      <i>倾斜标签i</i>

      <!-- 删除线标签del和s -->
      <p>
        <del>删除标签del</del><br/>
        <s>删除标签s</s>
      </p>

      
      <!-- 下划线标签ins标签和u标签 -->
       <ins>下划线标签ins</ins><br/>
       <u>下划线标签u</u>

       <!-- 图片标签img
        alt: 替换文本. 当文本不能正确显示的时候, 会显示一个替换的文字.
        title: 提示文本. 鼠标放到图片上, 就会有提示.
        width/height: 控制宽度高度. 高度和宽度一般改一个就行, 另外一个会等比例缩放. 否则就会图片失衡.
        border: 边框, 参数是宽度的像素. 但是一般使用 CSS 来设定.
        -->
        <img src = "白黑.jpg" alt = "图片显示错误!" title = "这是一个白黑图片" width = "800px" height="800px" border = "5px">
      



      <!-- 超链接标签a，默认情况下点击这个超链接后是在当前的网页进行跳转，不会增加一个新的网页进行跳转，需要在新的页面进行跳转则需要
       在属性target设置成_blank,默认的值是_self -->

       <!-- 外部超链接 -->
        <p>
          <a href = "https://blog.csdn.net/wk200411?spm=1000.2115.3001.5343" target="_blank">我的博客网站</a>
        </p>


      <!-- 内部超链接 -->
       <p>
        <a href = "demo1.html">跳转到demo1.html</a>
       </p>

       <!-- 空链接使用#来进行占位符操作 -->
        <a href ="#">空链接</a>

      <!-- 下载链接 -->
         <a href = "test.zip">下载文件</a>
        

      <!-- 网页元素链接，可以将图片等任何元素添加到链接中 -->
          <a href="https://cn.bing.com/images/search?view=detailV2&ccid=GsPY4fmo&id=D08D027FC612427715315739E08AC4F38C4E8805&thid=OIP.GsPY4fmoz0JQEt9j6EsFGgHaHa&mediaurl=https%3a%2f%2fts1.tc.mm.bing.net%2fth%2fid%2fR-C.1ac3d8e1f9a8cf425012df63e84b051a%3frik%3dBYhOjPPEiuA5Vw%26riu%3dhttp%253a%252f%252fwww.tup.tsinghua.edu.cn%252fupload%252fbigbookimg3%252f082436-01.jpg%26ehk%3doYIuY3gIuEozj8KKJZaZQGnmGkFjp9vWjQ%252fWMP6BAEQ%253d%26risl%3d%26pid%3dImgRaw%26r%3d0&exph=800&expw=800&q=java%e9%ab%98%e6%89%8b%e7%9a%84%e5%9b%be%e7%89%87&simid=608053587934726457&FORM=IRPRST&ck=49D84F656CF2B8B189EEDB4722698851&selectedIndex=0&itb=0&idpp=overlayview&ajaxhist=0&ajaxserp=0">java高手图片</a>

      <!-- 锚点链接，快速定位页面中的位置 -->
       <a href = "#one">第一个</a>

</body>
</html>